<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="_layout/top :: top"></head>
<body>
<div id="page-wrapper">
    <header th:replace="_layout/header :: header"></header>
    <!-- Breadcrumb Start -->
        <div class="page-banner-image w-100 breadcrumb-bar" style="background-image: url(static/assets/images/background/1.png); background-repeat: no-repeat;">
            <div class="container">
                <div class="row py-5">
                    <div class="col-sm-6">
                        <h3 class="text-white">常见问题解答</h3>
                    </div>
                    <div class="col-sm-6">
                        <nav aria-label="breadcrumb" class="float-right">
                            <ol class="breadcrumb mb-0 bg-transparent p-0 mt-2 mt-lg-1">
                                <li class="breadcrumb-item"><a href="#">Home</a></li>
                                <li class="breadcrumb-item"><a href="#">Pages</a></li>
                                <li class="breadcrumb-item active" aria-current="page">FAQ</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    <!-- Breadcrumb End -->


    <div class="full-row">
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                    <div class="fag-category list-color-general list-text-hover-primary py-5 px-4 bg-gray mb-5">
                        <ul>
                            <li><a href="#">基本</a></li>
                            <li><a href="#">元素</a></li>
                            <li><a href="#">短代码</a></li>
                            <li><a href="#">扩展许可证</a></li>
                            <li><a href="#">退款政策</a></li>
                            <li><a href="#">代码质量</a></li>
                            <li><a href="#">响应模板</a></li>
                            <li><a href="#">颜色设置</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-8">
                    <div class="simple-collaps bg-gray px-4 py-3 border mb-3">
                        <span class="accordion text-secondary d-block">什么是html模板?</span>
                        <div class="panel">
                            <p>Eget justo aliquam vel rhoncus tortor suscipit. Etiam dis integer. Bibendum inceptos curae. Cras feugiat proin est vestibulum integer tincidunt dapibus quisque Urna. Nibh quisque per tellus dis fringilla fringilla habitasse
                                posuere aliquam quam ornare nibh odio commodo Curabitur. Nectus etiam. Aptent. Libero morbi. Libero nam torquent rhoncus fames eu consequat pulvinar.</p>
                            <p>Fermentum, urna torquent fermentum. Nulla lacus scelerisque penatibus sodales dictum quisque. Est urna vel commodo cubilia pede ipsum etiam. Et ac quis leo bibendum platea Mus nascetur. Potenti eleifend iaculis cras. Consequat
                                erat suscipit Nullam parturient mauris sollicitudin. A massa ad imperdiet neque platea nonummy senectus.</p>
                        </div>
                    </div>
                    <div class="simple-collaps bg-gray px-4 py-3 border mb-3">
                        <span class="accordion text-secondary d-block">此模板中有多少类别可用?</span>
                        <div class="panel">
                            <p>Eget justo aliquam vel rhoncus tortor suscipit. Etiam dis integer. Bibendum inceptos curae. Cras feugiat proin est vestibulum integer tincidunt dapibus quisque Urna. Nibh quisque per tellus dis fringilla fringilla habitasse
                                posuere aliquam quam ornare nibh odio commodo Curabitur. Nectus etiam. Aptent. Libero morbi. Libero nam torquent rhoncus fames eu consequat pulvinar.</p>
                            <p>Fermentum, urna torquent fermentum. Nulla lacus scelerisque penatibus sodales dictum quisque. Est urna vel commodo cubilia pede ipsum etiam. Et ac quis leo bibendum platea Mus nascetur. Potenti eleifend iaculis cras. Consequat
                                erat suscipit Nullam parturient mauris sollicitudin. A massa ad imperdiet neque platea nonummy senectus.</p>
                        </div>
                    </div>
                    <div class="simple-collaps bg-gray px-4 py-3 border mb-3">
                        <span class="accordion text-secondary d-block">使用哪个框架使模板响应?</span>
                        <div class="panel">
                            <p>Eget justo aliquam vel rhoncus tortor suscipit. Etiam dis integer. Bibendum inceptos curae. Cras feugiat proin est vestibulum integer tincidunt dapibus quisque Urna. Nibh quisque per tellus dis fringilla fringilla habitasse
                                posuere aliquam quam ornare nibh odio commodo Curabitur. Nectus etiam. Aptent. Libero morbi. Libero nam torquent rhoncus fames eu consequat pulvinar.</p>
                            <p>Fermentum, urna torquent fermentum. Nulla lacus scelerisque penatibus sodales dictum quisque. Est urna vel commodo cubilia pede ipsum etiam. Et ac quis leo bibendum platea Mus nascetur. Potenti eleifend iaculis cras. Consequat
                                erat suscipit Nullam parturient mauris sollicitudin. A massa ad imperdiet neque platea nonummy senectus.</p>
                        </div>
                    </div>
                    <div class="simple-collaps bg-gray px-4 py-3 border mb-3">
                        <span class="accordion text-secondary d-block">模板是否为W3验证?</span>
                        <div class="panel">
                            <p>Eget justo aliquam vel rhoncus tortor suscipit. Etiam dis integer. Bibendum inceptos curae. Cras feugiat proin est vestibulum integer tincidunt dapibus quisque Urna. Nibh quisque per tellus dis fringilla fringilla habitasse
                                posuere aliquam quam ornare nibh odio commodo Curabitur. Nectus etiam. Aptent. Libero morbi. Libero nam torquent rhoncus fames eu consequat pulvinar.</p>
                            <p>Fermentum, urna torquent fermentum. Nulla lacus scelerisque penatibus sodales dictum quisque. Est urna vel commodo cubilia pede ipsum etiam. Et ac quis leo bibendum platea Mus nascetur. Potenti eleifend iaculis cras. Consequat
                                erat suscipit Nullam parturient mauris sollicitudin. A massa ad imperdiet neque platea nonummy senectus.</p>
                        </div>
                    </div>
                    <div class="simple-collaps bg-gray px-4 py-3 border mb-3">
                        <span class="accordion text-secondary d-block">我可以用模板在WordPress中转换吗?</span>
                        <div class="panel">
                            <p>Eget justo aliquam vel rhoncus tortor suscipit. Etiam dis integer. Bibendum inceptos curae. Cras feugiat proin est vestibulum integer tincidunt dapibus quisque Urna. Nibh quisque per tellus dis fringilla fringilla habitasse
                                posuere aliquam quam ornare nibh odio commodo Curabitur. Nectus etiam. Aptent. Libero morbi. Libero nam torquent rhoncus fames eu consequat pulvinar.</p>
                            <p>Fermentum, urna torquent fermentum. Nulla lacus scelerisque penatibus sodales dictum quisque. Est urna vel commodo cubilia pede ipsum etiam. Et ac quis leo bibendum platea Mus nascetur. Potenti eleifend iaculis cras. Consequat
                                erat suscipit Nullam parturient mauris sollicitudin. A massa ad imperdiet neque platea nonummy senectus.</p>
                        </div>
                    </div>
                    <div class="simple-collaps bg-gray px-4 py-3 border mb-3">
                        <span class="accordion text-secondary d-block">我能在本地市场转售模板吗?</span>
                        <div class="panel">
                            <p>Eget justo aliquam vel rhoncus tortor suscipit. Etiam dis integer. Bibendum inceptos curae. Cras feugiat proin est vestibulum integer tincidunt dapibus quisque Urna. Nibh quisque per tellus dis fringilla fringilla habitasse
                                posuere aliquam quam ornare nibh odio commodo Curabitur. Nectus etiam. Aptent. Libero morbi. Libero nam torquent rhoncus fames eu consequat pulvinar.</p>
                            <p>Fermentum, urna torquent fermentum. Nulla lacus scelerisque penatibus sodales dictum quisque. Est urna vel commodo cubilia pede ipsum etiam. Et ac quis leo bibendum platea Mus nascetur. Potenti eleifend iaculis cras. Consequat
                                erat suscipit Nullam parturient mauris sollicitudin. A massa ad imperdiet neque platea nonummy senectus.</p>
                        </div>
                    </div>
                    <div class="simple-collaps bg-gray px-4 py-3 border mb-3">
                        <span class="accordion text-secondary d-block">如何使用模板源代码自己制作新模板?</span>
                        <div class="panel">
                            <p>Eget justo aliquam vel rhoncus tortor suscipit. Etiam dis integer. Bibendum inceptos curae. Cras feugiat proin est vestibulum integer tincidunt dapibus quisque Urna. Nibh quisque per tellus dis fringilla fringilla habitasse
                                posuere aliquam quam ornare nibh odio commodo Curabitur. Nectus etiam. Aptent. Libero morbi. Libero nam torquent rhoncus fames eu consequat pulvinar.</p>
                            <p>Fermentum, urna torquent fermentum. Nulla lacus scelerisque penatibus sodales dictum quisque. Est urna vel commodo cubilia pede ipsum etiam. Et ac quis leo bibendum platea Mus nascetur. Potenti eleifend iaculis cras. Consequat
                                erat suscipit Nullam parturient mauris sollicitudin. A massa ad imperdiet neque platea nonummy senectus.</p>
                        </div>
                    </div>
                    <div class="simple-collaps bg-gray px-4 py-3 border mb-3">
                        <span class="accordion text-secondary d-block">如果我遇到任何错误，我该怎么办?</span>
                        <div class="panel">
                            <p>Eget justo aliquam vel rhoncus tortor suscipit. Etiam dis integer. Bibendum inceptos curae. Cras feugiat proin est vestibulum integer tincidunt dapibus quisque Urna. Nibh quisque per tellus dis fringilla fringilla habitasse
                                posuere aliquam quam ornare nibh odio commodo Curabitur. Nectus etiam. Aptent. Libero morbi. Libero nam torquent rhoncus fames eu consequat pulvinar.</p>
                            <p>Fermentum, urna torquent fermentum. Nulla lacus scelerisque penatibus sodales dictum quisque. Est urna vel commodo cubilia pede ipsum etiam. Et ac quis leo bibendum platea Mus nascetur. Potenti eleifend iaculis cras. Consequat
                                erat suscipit Nullam parturient mauris sollicitudin. A massa ad imperdiet neque platea nonummy senectus.</p>
                        </div>
                    </div>
                    <div class="simple-collaps bg-gray px-4 py-3 border mb-3">
                        <span class="accordion text-secondary d-block">你有视频教程支持吗?</span>
                        <div class="panel">
                            <p>Eget justo aliquam vel rhoncus tortor suscipit. Etiam dis integer. Bibendum inceptos curae. Cras feugiat proin est vestibulum integer tincidunt dapibus quisque Urna. Nibh quisque per tellus dis fringilla fringilla habitasse
                                posuere aliquam quam ornare nibh odio commodo Curabitur. Nectus etiam. Aptent. Libero morbi. Libero nam torquent rhoncus fames eu consequat pulvinar.</p>
                            <p>Fermentum, urna torquent fermentum. Nulla lacus scelerisque penatibus sodales dictum quisque. Est urna vel commodo cubilia pede ipsum etiam. Et ac quis leo bibendum platea Mus nascetur. Potenti eleifend iaculis cras. Consequat
                                erat suscipit Nullam parturient mauris sollicitudin. A massa ad imperdiet neque platea nonummy senectus.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="full-row bg-primary py-4">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <h4 class="text-white mb-2">全天候免费咨询和商务提示</h4>
                    <p class="text-white">如果您对我们的主题感兴趣，请不要等着购买或致电我们</p>
                </div>
                <div class="col-md-4">
                    <div class="y-center position-relative d-table ml-auto sm-margin-none text-white"><a href="#" class="btn btn-secondary">获得客户支持</a></div>
                </div>
            </div>
        </div>
    </div>
    <footer th:replace="_layout/footer :: footer"></footer>
    <a href="#" class="bg-primary text-white hover-bg-primary" id="scroll"><i class="fa fa-angle-up"></i></a>
</div>
<div th:replace="_layout/bottom :: bottom"></div>

</body>
</html>


